import React, { useMemo } from "react";

const ICONS = {
  plus: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M6 6V0H8V6H14V8H8V14H6V8H0V6H6Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 14 14",
  },
  qrCode: {
    path: (
      <>
        <rect
          x="20"
          y="6"
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          width="6"
          height="6"
        />
        <rect
          x="6"
          y="6"
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          width="6"
          height="6"
        />
        <rect
          x="6"
          y="20"
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          width="6"
          height="6"
        />
        <rect x="8" y="8" width="2" height="2" />
        <rect x="22" y="8" width="2" height="2" />
        <rect x="8" y="22" width="2" height="2" />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="16"
          y1="5"
          x2="16"
          y2="12"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="17"
          y1="21"
          x2="17"
          y2="27"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="21"
          y1="25"
          x2="21"
          y2="27"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="23"
          y1="23"
          x2="23"
          y2="25"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="26"
          y1="25"
          x2="26"
          y2="27"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="16"
          y1="8"
          x2="18"
          y2="8"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="13"
          y1="14"
          x2="21"
          y2="14"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="5"
          y1="16"
          x2="7"
          y2="16"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="7"
          y1="14"
          x2="9"
          y2="14"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="9"
          y1="16"
          x2="11"
          y2="16"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="21"
          y1="16"
          x2="23"
          y2="16"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="23"
          y1="14"
          x2="25"
          y2="14"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="25"
          y1="16"
          x2="27"
          y2="16"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="21"
          y1="20"
          x2="23"
          y2="20"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="23"
          y1="18"
          x2="25"
          y2="18"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="25"
          y1="20"
          x2="27"
          y2="20"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="11"
          y1="18"
          x2="19"
          y2="18"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="17"
          y1="22"
          x2="25"
          y2="22"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="15"
          y1="16"
          x2="17"
          y2="16"
        />
        <line
          fill="none"
          stroke="#000000"
          strokeWidth={2}
          strokeMiterlimit={10}
          x1="14"
          y1="10"
          x2="16"
          y2="10"
        />
      </>
    ),
    viewbox: "0 0 32 32",
  },
  device: {
    path: (
      <>
        <g>
          <path
            d="M15.667 9.81038V11.1209C15.667 13.549 14.2795 14.5896 12.1982 14.5896H5.26074C3.17949 14.5896 1.79199 13.549 1.79199 11.1209V6.95834C1.79199 4.53021 3.17949 3.48959 5.26074 3.48959H7.34199C7.24178 3.7825 7.18782 4.10625 7.18782 4.45313V7.4594C7.18782 8.2071 7.43449 8.83918 7.87387 9.27855C8.31324 9.71793 8.94532 9.9646 9.69303 9.9646V11.0361C9.69303 11.4292 10.1401 11.6681 10.4716 11.4523L12.6993 9.9646H14.7034C15.0503 9.9646 15.3741 9.91059 15.667 9.81038Z"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M17.2083 4.45312V7.45939C17.2083 8.60793 16.6225 9.47121 15.6667 9.81038C15.3738 9.91058 15.05 9.9646 14.7031 9.9646H12.699L10.4713 11.4523C10.1398 11.6681 9.69271 11.4292 9.69271 11.0361V9.9646C8.945 9.9646 8.31292 9.71792 7.87354 9.27855C7.43417 8.83917 7.1875 8.2071 7.1875 7.45939V4.45312C7.1875 4.10625 7.24146 3.7825 7.34167 3.48958C7.68083 2.53375 8.54417 1.94791 9.69271 1.94791H14.7031C16.2063 1.94791 17.2083 2.95 17.2083 4.45312Z"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.9541 17.3646H11.5041"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.72949 14.5896V17.3646"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M14.5069 5.99479H14.5139"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12.3487 5.99479H12.3557"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.1905 5.99479H10.1975"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 19 19",
  },
  empty: {
    path: (
      <>
        <path
          d="M41.3641 33.9553H12.8166C10.7417 33.9463 8.75313 33.1679 7.27773 31.7873C5.80232 30.4067 4.95762 28.5338 4.92488 26.5705C4.89372 25.5883 5.07109 24.6101 5.4465 23.694C5.8219 22.7778 6.38771 21.9421 7.11044 21.2366C7.83317 20.531 8.69813 19.9697 9.65414 19.5861C10.6102 19.2024 11.6378 19.0041 12.6762 19.0029C13.1697 19.009 13.6611 19.0647 14.1422 19.1691C14.2518 19.194 14.3661 19.194 14.4758 19.1691H14.4846C14.6027 19.1951 14.7253 19.1973 14.8444 19.1756C14.9635 19.1538 15.0765 19.1085 15.1759 19.0427C15.2752 18.9768 15.3589 18.8919 15.4212 18.7935C15.4836 18.695 15.5234 18.5853 15.538 18.4713C15.8879 15.4745 17.3741 12.6994 19.7211 10.6603C22.068 8.62115 25.1166 7.4563 28.3018 7.38162C30.7865 7.49966 33.1806 8.30247 35.1894 9.69126C37.1983 11.0801 38.7343 12.9943 39.6084 15.1984C39.6728 15.3653 39.794 15.5072 39.9529 15.602C40.1117 15.6967 40.2993 15.7388 40.4863 15.7217C40.7847 15.6968 41.092 15.6802 41.3992 15.6802C41.6099 15.6802 41.8206 15.6885 42.0313 15.705C42.1981 15.7134 42.3561 15.73 42.5141 15.7466C44.8906 16.1018 47.0424 17.2814 48.5501 19.0557C50.0578 20.83 50.8134 23.0719 50.6699 25.3447C50.5264 27.6174 49.4939 29.7581 47.7736 31.3499C46.0533 32.9417 43.7684 33.8704 41.3641 33.9552V33.9553Z"
          fill="#F6F8FF"
        />
        <path
          d="M36.3846 27.5041C36.3846 29.8452 35.4546 32.0904 33.7992 33.7458C32.1437 35.4012 29.8985 36.3312 27.5574 36.3312C25.2163 36.3312 22.9711 35.4012 21.3157 33.7458C19.6603 32.0904 18.7303 29.8452 18.7303 27.5041C18.7291 27.4647 18.7315 27.4253 18.7376 27.3864V27.3128C18.7846 25.0391 19.7087 22.8716 21.3168 21.2635C22.9249 19.6554 25.0925 18.7312 27.3662 18.6843H27.4397C27.4787 18.6782 27.5181 18.6757 27.5574 18.6769C28.7167 18.6766 29.8647 18.9047 30.9358 19.3482C32.0069 19.7917 32.9801 20.4419 33.7999 21.2616C34.6196 22.0814 35.2698 23.0546 35.7133 24.1257C36.1568 25.1968 36.3849 26.3448 36.3846 27.5041Z"
          fill="white"
        />
        <path
          d="M47.9268 47.4128L47.5739 47.7657C47.4108 47.9288 47.2172 48.0582 47.0041 48.1465C46.7909 48.2347 46.5625 48.2802 46.3318 48.2802C46.1012 48.2802 45.8728 48.2347 45.6596 48.1465C45.4465 48.0582 45.2529 47.9288 45.0898 47.7657L37.4464 40.1223C37.4064 40.0823 37.3747 40.0349 37.3531 39.9826C37.3315 39.9304 37.3203 39.8744 37.3203 39.8178C37.3203 39.7613 37.3315 39.7053 37.3531 39.6531C37.3747 39.6008 37.4064 39.5534 37.4464 39.5134L39.6745 37.2853C39.7145 37.2453 39.762 37.2136 39.8142 37.192C39.8664 37.1703 39.9224 37.1592 39.979 37.1592C40.0355 37.1592 40.0915 37.1703 40.1438 37.192C40.196 37.2136 40.2435 37.2453 40.2835 37.2853L47.9268 44.9287C48.0899 45.0918 48.2193 45.2854 48.3076 45.4985C48.3959 45.7116 48.4413 45.94 48.4413 46.1707C48.4413 46.4014 48.3959 46.6298 48.3076 46.8429C48.2193 47.056 48.0899 47.2497 47.9268 47.4128Z"
          fill="#F6F8FF"
        />
        <path
          d="M23.2518 28.3657C23.7274 28.3657 24.113 27.9801 24.113 27.5045C24.113 27.0289 23.7274 26.6433 23.2518 26.6433C22.7762 26.6433 22.3906 27.0289 22.3906 27.5045C22.3906 27.9801 22.7762 28.3657 23.2518 28.3657Z"
          fill="var(--clr-secondary)"
        />
        <path
          d="M27.5575 28.3657C28.0331 28.3657 28.4187 27.9801 28.4187 27.5045C28.4187 27.0289 28.0331 26.6433 27.5575 26.6433C27.0819 26.6433 26.6963 27.0289 26.6963 27.5045C26.6963 27.9801 27.0819 28.3657 27.5575 28.3657Z"
          fill="var(--clr-secondary)"
        />
        <path
          d="M31.8636 28.3657C32.3392 28.3657 32.7248 27.9801 32.7248 27.5045C32.7248 27.0289 32.3392 26.6433 31.8636 26.6433C31.388 26.6433 31.0024 27.0289 31.0024 27.5045C31.0024 27.9801 31.388 28.3657 31.8636 28.3657Z"
          fill="var(--clr-secondary)"
        />
        <path
          d="M40.7647 36.5488C40.5527 36.3472 40.2712 36.2348 39.9786 36.235C39.6859 36.2353 39.4046 36.3481 39.1929 36.5501L38.583 37.1598L36.6785 35.2554H41.3366C43.9668 35.2552 46.4979 34.2523 48.4144 32.451C50.331 30.6497 51.4886 28.1854 51.6516 25.5603C51.8145 22.9352 50.9706 20.3467 49.2916 18.3222C47.6126 16.2977 45.2249 14.9894 42.6149 14.6639C41.8641 14.5741 41.1059 14.5619 40.3526 14.6278C39.2095 11.7784 37.1479 9.39211 34.4947 7.84732C31.8416 6.30253 28.7486 5.68763 25.7063 6.1001C22.664 6.51257 19.8465 7.92881 17.7004 10.1243C15.5543 12.3197 14.2026 15.1688 13.8594 18.2197C12.5967 17.945 11.2881 17.9603 10.0321 18.2645C8.77612 18.5687 7.6055 19.1537 6.60831 19.9757C0.340793 25.0871 3.98774 35.2554 12.3221 35.2554H20.745C22.6114 36.9103 25.0166 37.8287 27.511 37.8389C30.0054 37.849 32.4181 36.9502 34.2979 35.3105L37.3651 38.3774L36.7086 39.0336C36.5015 39.2428 36.3855 39.5253 36.3859 39.8197C36.3862 40.114 36.5028 40.3963 36.7103 40.605L44.4812 48.3758C44.9728 48.8659 45.6387 49.1409 46.3329 49.1407C47.027 49.1404 47.6928 48.8649 48.1841 48.3746L48.5365 48.0214C48.7796 47.7784 48.9725 47.4899 49.104 47.1724C49.2356 46.8549 49.3033 46.5145 49.3032 46.1708C49.3031 45.8271 49.2353 45.4867 49.1036 45.1692C48.9719 44.8518 48.7789 44.5634 48.5356 44.3205L40.7647 36.5488ZM12.3221 33.533C5.59673 33.533 2.68174 25.3997 7.69659 21.3103C8.49403 20.6532 9.42991 20.1852 10.434 19.9413C11.4382 19.6975 12.4845 19.6842 13.4945 19.9025C13.7286 19.9553 13.9713 19.9584 14.2068 19.9114C14.4422 19.8645 14.6651 19.7685 14.8611 19.6298C15.057 19.4911 15.2216 19.3128 15.3442 19.1063C15.4668 18.8999 15.5446 18.67 15.5726 18.4316C15.8681 15.76 17.0477 13.2637 18.924 11.339C20.8003 9.41438 23.2657 8.17168 25.9289 7.80824C28.5921 7.4448 31.3004 7.98145 33.6238 9.33299C35.9472 10.6845 37.7525 12.7735 38.7531 15.2682C38.8888 15.6181 39.1362 15.9135 39.4568 16.1085C39.7775 16.3035 40.1536 16.3872 40.5267 16.3468C41.1536 16.2889 41.7848 16.2979 42.4097 16.3737C44.5839 16.6468 46.5722 17.7383 47.9699 19.4259C49.3675 21.1135 50.0694 23.2704 49.9326 25.4574C49.7959 27.6443 48.8307 29.697 47.2337 31.1973C45.6367 32.6976 43.5278 33.5329 41.3366 33.533H35.9343C37.0491 31.9901 37.716 30.1692 37.8616 28.2712C38.0072 26.3733 37.6257 24.472 36.7593 22.7771C35.8928 21.0822 34.5751 19.6595 32.9514 18.666C31.3277 17.6725 29.4612 17.1467 27.5577 17.1467C25.6541 17.1467 23.7876 17.6725 22.1639 18.666C20.5402 19.6595 19.2225 21.0822 18.356 22.7771C17.4896 24.472 17.1081 26.3733 17.2537 28.2712C17.3993 30.1692 18.0663 31.9901 19.181 33.533L12.3221 33.533ZM27.5577 36.1165C25.8544 36.1165 24.1894 35.6115 22.7732 34.6652C21.357 33.7189 20.2532 32.3739 19.6014 30.8003C18.9495 29.2267 18.779 27.4951 19.1113 25.8246C19.4436 24.1541 20.2638 22.6196 21.4682 21.4152C22.6726 20.2108 24.207 19.3906 25.8776 19.0583C27.5481 18.726 29.2797 18.8966 30.8533 19.5484C32.4269 20.2002 33.7719 21.304 34.7181 22.7202C35.6644 24.1364 36.1695 25.8014 36.1695 27.5047C36.1669 29.7879 35.2587 31.9768 33.6443 33.5913C32.0298 35.2058 29.8409 36.114 27.5577 36.1166V36.1165ZM47.3178 46.804L46.9654 47.1572C46.7974 47.3251 46.5697 47.4194 46.3322 47.4195C46.0948 47.4196 45.867 47.3254 45.6989 47.1576L38.3595 39.8186L39.9792 38.1993L47.3178 45.5387C47.4011 45.6216 47.4672 45.7202 47.5124 45.8288C47.5575 45.9374 47.5807 46.0538 47.5807 46.1714C47.5807 46.2889 47.5575 46.4053 47.5124 46.5139C47.4672 46.6225 47.4011 46.7211 47.3178 46.804Z"
          fill="var(--clr-secondary)"
        />
      </>
    ),
    viewbox: "0 0 56 56",
  },
  remove: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M11.1429 12L0 0.857143L0.857143 0L12 11.1429L11.1429 12Z"
          fill="currentColor"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M12 0.857143L0.857143 12L0 11.1429L11.1429 0L12 0.857143Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 12 12",
  },
  arrow: {
    path: (
      <>
        <path d="M4 5H11L7.5 11L4 5Z" fill="currentColor" />
      </>
    ),
    viewbox: "0 0 16 16",
  },
  doc: {
    path: (
      <>
        <g>
          <path
            d="M17.4375 10.0169V6.54001C17.4375 3.25082 16.6703 2.42648 13.5851 2.42648H7.41485C4.32971 2.42648 3.5625 3.25082 3.5625 6.54001V15.7301C3.5625 17.9012 4.75413 18.4154 6.19876 16.8646L6.2069 16.8565C6.87617 16.1464 7.89639 16.2035 8.47587 16.9789L9.30022 18.0807"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.23438 6.50735H13.7638"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.05078 9.77206H12.9478"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M15.5681 12.8493L12.6789 15.7385C12.5646 15.8528 12.4585 16.065 12.434 16.2201L12.2789 17.3219C12.2218 17.7219 12.4993 17.9994 12.8992 17.9422L14.0011 17.7872C14.1562 17.7627 14.3765 17.6565 14.4826 17.5423L17.3719 14.653C17.8698 14.1552 18.1065 13.5757 17.3719 12.8411C16.6455 12.1147 16.066 12.3514 15.5681 12.8493Z"
            stroke="currentColor"
            strokeWidth="0.8"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M15.1504 13.2655C15.3952 14.147 16.0808 14.8326 16.9623 15.0774"
            stroke="currentColor"
            strokeWidth="0.8"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 21 21",
  },
  chevron: {
    path: (
      <>
        <path
          d="M6.5 4.45487L11.1669 0L12.5 1.27256L6.5 7L0.5 1.27256L1.83312 0L6.5 4.45487Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 13 7",
  },
  star: {
    path: (
      <>
        <rect width="16" height="16" transform="translate(1 1)" fill="white" />
        <path
          d="M10.1533 3.34L11.3266 5.68667C11.4866 6.01333 11.9133 6.32666 12.2733 6.38666L14.3999 6.74C15.7599 6.96666 16.0799 7.95333 15.0999 8.92666L13.4466 10.58C13.1666 10.86 13.0133 11.4 13.0999 11.7867L13.5733 13.8333C13.9466 15.4533 13.0866 16.08 11.6533 15.2333L9.65994 14.0533C9.29994 13.84 8.70661 13.84 8.33994 14.0533L6.34661 15.2333C4.91994 16.08 4.05327 15.4467 4.42661 13.8333L4.89994 11.7867C4.98661 11.4 4.83327 10.86 4.55327 10.58L2.89994 8.92666C1.92661 7.95333 2.23994 6.96666 3.59994 6.74L5.72661 6.38666C6.07994 6.32666 6.50661 6.01333 6.66661 5.68667L7.83994 3.34C8.47994 2.06667 9.51994 2.06667 10.1533 3.34Z"
          fill="url(#paint0_linear_2_282)"
          stroke="url(#paint1_linear_2_282)"
          strokeWidth="1.2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <defs>
          <linearGradient
            id="paint0_linear_2_282"
            x1="2.10341"
            y1="18.6488"
            x2="16.1751"
            y2="18.4579"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="var(--clr-primary-variant)" />
            <stop offset="1" stopColor="var(--clr-primary)" />
          </linearGradient>
          <linearGradient
            id="paint1_linear_2_282"
            x1="2.10341"
            y1="18.6488"
            x2="16.1751"
            y2="18.4579"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="var(--clr-primary-variant)" />
            <stop offset="1" stopColor="var(--clr-primary)" />
          </linearGradient>
        </defs>
      </>
    ),
    viewbox: "0 0 18 18",
  },
  minus: {
    path: (
      <>
        <path
          d="M8.26719 8.26685L9.73386 8.26685L14.1339 8.26685V9.73352H9.73386H8.26719H3.86719V8.26685H8.26719Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 18 18",
  },
  emptyStar: {
    path: (
      <>
        <g opacity="0.5">
          <path
            d="M9.15333 2.34L10.3267 4.68667C10.4867 5.01333 10.9133 5.32667 11.2733 5.38667L13.4 5.74C14.76 5.96667 15.08 6.95333 14.1 7.92667L12.4467 9.58C12.1667 9.86 12.0133 10.4 12.1 10.7867L12.5733 12.8333C12.9467 14.4533 12.0867 15.08 10.6533 14.2333L8.66 13.0533C8.3 12.84 7.70667 12.84 7.34 13.0533L5.34667 14.2333C3.92 15.08 3.05333 14.4467 3.42667 12.8333L3.9 10.7867C3.98667 10.4 3.83333 9.86 3.55333 9.58L1.9 7.92667C0.926667 6.95333 1.24 5.96667 2.6 5.74L4.72667 5.38667C5.08 5.32667 5.50667 5.01333 5.66667 4.68667L6.84 2.34C7.48 1.06667 8.52 1.06667 9.15333 2.34Z"
            stroke="url(#paint0_linear_2_1056)"
            strokeWidth="1.2"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
        <defs>
          <linearGradient
            id="paint0_linear_2_1056"
            x1="1.10347"
            y1="17.6488"
            x2="15.1752"
            y2="17.4579"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="var(--clr-primary-variant)" />
            <stop offset="1" stopColor="var(--clr-primary)" />
          </linearGradient>
        </defs>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  edit: {
    path: (
      <>
        <path
          d="M6.62968 1.80011L2.52468 6.14511C2.36968 6.31011 2.21968 6.63511 2.18968 6.86011L2.00468 8.48011C1.93968 9.06511 2.35968 9.46511 2.93968 9.36511L4.54968 9.09011C4.77468 9.05011 5.08968 8.88511 5.24468 8.71511L9.34968 4.37011C10.0597 3.62011 10.3797 2.76511 9.27468 1.72011C8.17468 0.685108 7.33968 1.05011 6.62968 1.80011Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M5.94727 2.52502C6.16227 3.90502 7.28227 4.96002 8.67227 5.10002"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M1.5 10.9999H10.5"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 12 12",
  },
  settings: {
    path: (
      <>
        <path
          d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M1.33398 8.58667V7.41333C1.33398 6.72 1.90065 6.14667 2.60065 6.14667C3.80732 6.14667 4.30065 5.29333 3.69398 4.24667C3.34732 3.64667 3.55398 2.86667 4.16065 2.52L5.31398 1.86C5.84065 1.54666 6.52065 1.73333 6.83398 2.26L6.90732 2.38666C7.50732 3.43333 8.49398 3.43333 9.10065 2.38666L9.17398 2.26C9.48732 1.73333 10.1673 1.54666 10.694 1.86L11.8473 2.52C12.454 2.86667 12.6607 3.64667 12.314 4.24667C11.7073 5.29333 12.2007 6.14667 13.4073 6.14667C14.1007 6.14667 14.674 6.71333 14.674 7.41333V8.58667C14.674 9.28 14.1073 9.85333 13.4073 9.85333C12.2007 9.85333 11.7073 10.7067 12.314 11.7533C12.6607 12.36 12.454 13.1333 11.8473 13.48L10.694 14.14C10.1673 14.4533 9.48732 14.2667 9.17398 13.74L9.10065 13.6133C8.50065 12.5667 7.51398 12.5667 6.90732 13.6133L6.83398 13.74C6.52065 14.2667 5.84065 14.4533 5.31398 14.14L4.16065 13.48C3.55398 13.1333 3.34732 12.3533 3.69398 11.7533C4.30065 10.7067 3.80732 9.85333 2.60065 9.85333C1.90065 9.85333 1.33398 9.28 1.33398 8.58667Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 16 16",
  },
  globe: {
    path: (
      <>
        <g>
          <path
            d="M8.00065 14.6667C11.6825 14.6667 14.6673 11.6819 14.6673 8.00004C14.6673 4.31814 11.6825 1.33337 8.00065 1.33337C4.31875 1.33337 1.33398 4.31814 1.33398 8.00004C1.33398 11.6819 4.31875 14.6667 8.00065 14.6667Z"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.33372 2H6.00039C4.70039 5.89333 4.70039 10.1067 6.00039 14H5.33372"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10 2C11.3 5.89333 11.3 10.1067 10 14"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M2 10.6667V10C5.89333 11.3 10.1067 11.3 14 10V10.6667"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M2 6.00002C5.89333 4.70002 10.1067 4.70002 14 6.00002"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  lock: {
    path: (
      <>
        <g>
          <path
            d="M4 6.66671V5.33337C4 3.12671 4.66667 1.33337 8 1.33337C11.3333 1.33337 12 3.12671 12 5.33337V6.66671"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.00065 12.3333C8.92113 12.3333 9.66732 11.5871 9.66732 10.6667C9.66732 9.74619 8.92113 9 8.00065 9C7.08018 9 6.33398 9.74619 6.33398 10.6667C6.33398 11.5871 7.08018 12.3333 8.00065 12.3333Z"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M11.334 14.6666H4.66732C2.00065 14.6666 1.33398 14 1.33398 11.3333V9.99996C1.33398 7.33329 2.00065 6.66663 4.66732 6.66663H11.334C14.0007 6.66663 14.6673 7.33329 14.6673 9.99996V11.3333C14.6673 14 14.0007 14.6666 11.334 14.6666Z"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  unlock: {
    path: (
      <>
        <path
          d="M17 22.75H7C2.59 22.75 1.25 21.41 1.25 17V15C1.25 10.59 2.59 9.25 7 9.25H17C21.41 9.25 22.75 10.59 22.75 15V17C22.75 21.41 21.41 22.75 17 22.75ZM7 10.75C3.42 10.75 2.75 11.43 2.75 15V17C2.75 20.57 3.42 21.25 7 21.25H17C20.58 21.25 21.25 20.57 21.25 17V15C21.25 11.43 20.58 10.75 17 10.75H7Z"
          fill="currentColor"
        />
        <path
          d="M6 10.75C5.59 10.75 5.25 10.41 5.25 10V8C5.25 5.1 5.95 1.25 12 1.25C16.48 1.25 18.75 3.18 18.75 7C18.75 7.41 18.41 7.75 18 7.75C17.59 7.75 17.25 7.41 17.25 7C17.25 5.02 16.65 2.75 12 2.75C7.64 2.75 6.75 4.85 6.75 8V10C6.75 10.41 6.41 10.75 6 10.75Z"
          fill="currentColor"
        />
        <path
          d="M12 19.25C10.21 19.25 8.75 17.79 8.75 16C8.75 14.21 10.21 12.75 12 12.75C13.79 12.75 15.25 14.21 15.25 16C15.25 17.79 13.79 19.25 12 19.25ZM12 14.25C11.04 14.25 10.25 15.04 10.25 16C10.25 16.96 11.04 17.75 12 17.75C12.96 17.75 13.75 16.96 13.75 16C13.75 15.04 12.96 14.25 12 14.25Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  exit: {
    path: (
      <>
        <g>
          <path
            d="M5.93359 5.04003C6.14026 2.64003 7.37359 1.66003 10.0736 1.66003H10.1603C13.1403 1.66003 14.3336 2.85337 14.3336 5.83337V10.18C14.3336 13.16 13.1403 14.3534 10.1603 14.3534H10.0736C7.39359 14.3534 6.16026 13.3867 5.94026 11.0267"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M1.33398 8H9.92065"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.43359 5.76672L10.6669 8.00006L8.43359 10.2334"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  update: {
    path: (
      <>
        <g>
          <path
            d="M9.4987 17.43C13.871 17.43 17.4154 13.9151 17.4154 9.5793C17.4154 5.2435 13.871 1.72864 9.4987 1.72864C5.12644 1.72864 1.58203 5.2435 1.58203 9.5793C1.58203 13.9151 5.12644 17.43 9.4987 17.43Z"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M6.3418 11.5496C6.4843 11.7852 6.65846 12.005 6.85638 12.2013C8.31304 13.6458 10.6801 13.6458 12.1447 12.2013C12.7385 11.6125 13.0789 10.8666 13.1897 10.1051"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.81055 9.05321C5.92138 8.28384 6.2618 7.54585 6.85555 6.95705C8.31222 5.51253 10.6793 5.51253 12.1439 6.95705C12.3497 7.16117 12.516 7.381 12.6585 7.60867"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M6.19141 13.6459V11.5498H8.30514"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12.809 5.51257V7.60869H10.6953"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 19 19",
  },
  photo: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M24.8643 4.198V9.36467C24.8643 9.89942 25.2983 10.3334 25.833 10.3334C26.3678 10.3334 26.8018 9.89942 26.8018 9.36467V4.198C26.8018 3.66325 26.3678 3.22925 25.833 3.22925C25.2983 3.22925 24.8643 3.66325 24.8643 4.198Z"
          fill="white"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M23.25 7.75H28.4167C28.9514 7.75 29.3854 7.316 29.3854 6.78125C29.3854 6.2465 28.9514 5.8125 28.4167 5.8125H23.25C22.7153 5.8125 22.2812 6.2465 22.2812 6.78125C22.2812 7.316 22.7153 7.75 23.25 7.75Z"
          fill="white"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M18.083 3.87508H11.7771C10.9207 3.87508 10.138 4.35946 9.75564 5.12412L8.53243 7.57183C8.47688 7.68033 8.3658 7.75008 8.24309 7.75008H5.16634C3.2043 7.75008 1.61426 9.34012 1.61426 11.3022V24.2188C1.61426 25.1605 1.98884 26.0646 2.65405 26.7311C3.32055 27.3963 4.22472 27.7709 5.16634 27.7709H25.833C26.7746 27.7709 27.6788 27.3963 28.3453 26.7311C29.0105 26.0646 29.3851 25.1605 29.3851 24.2188C29.3851 20.2831 29.3851 13.2397 29.3851 13.2397C29.3851 12.7049 28.9511 12.2709 28.4163 12.2709C27.8816 12.2709 27.4476 12.7049 27.4476 13.2397V24.2188C27.4476 24.6477 27.2771 25.0571 26.9749 25.3607C26.6713 25.6629 26.2619 25.8334 25.833 25.8334H5.16634C4.73751 25.8334 4.32805 25.6629 4.02451 25.3607C3.72226 25.0571 3.55176 24.6477 3.55176 24.2188V11.3022C3.55176 10.4109 4.27509 9.68758 5.16634 9.68758H8.24309C9.09947 9.68758 9.88222 9.20321 10.2646 8.43854L11.4878 5.99083C11.5433 5.88233 11.6544 5.81258 11.7771 5.81258H18.083C18.6178 5.81258 19.0518 5.37858 19.0518 4.84383C19.0518 4.30908 18.6178 3.87508 18.083 3.87508Z"
          fill="white"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M15.4997 10.9792C12.1129 10.9792 9.36426 13.7279 9.36426 17.1147C9.36426 20.5014 12.1129 23.2501 15.4997 23.2501C18.8864 23.2501 21.6351 20.5014 21.6351 17.1147C21.6351 13.7279 18.8864 10.9792 15.4997 10.9792ZM15.4997 12.9167C17.8169 12.9167 19.6976 14.7974 19.6976 17.1147C19.6976 19.4319 17.8169 21.3126 15.4997 21.3126C13.1824 21.3126 11.3018 19.4319 11.3018 17.1147C11.3018 14.7974 13.1824 12.9167 15.4997 12.9167Z"
          fill="white"
        />
      </>
    ),
    viewbox: "0 0 31 31",
  },
  close: {
    path: (
      <>
        <path
          d="M18.3 5.70011C17.9134 5.31351 17.2866 5.31351 16.9 5.70011L12 10.6001L7.10001 5.70011C6.71342 5.31351 6.08661 5.31351 5.70001 5.70011C5.31341 6.08671 5.31341 6.71351 5.70001 7.10011L10.6 12.0001L5.70001 16.9001C5.31341 17.2867 5.31341 17.9135 5.70001 18.3001C6.08661 18.6867 6.71342 18.6867 7.10001 18.3001L12 13.4001L16.9 18.3001C17.2866 18.6867 17.9134 18.6867 18.3 18.3001C18.6866 17.9135 18.6866 17.2867 18.3 16.9001L13.4 12.0001L18.3 7.10011C18.6866 6.71351 18.6866 6.08671 18.3 5.70011Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  checkbox: {
    path: (
      <>
        <rect
          x="1.00732"
          y="0.5"
          width="15"
          height="15"
          rx="1.5"
          fill="white"
        />
        <rect
          x="1.00732"
          y="0.5"
          width="15"
          height="15"
          rx="1.5"
          fill="var(--clr-primary)"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M2.89479 8.60626C2.37817 8.12354 2.37817 7.3409 2.89479 6.85818C3.41141 6.37547 4.24901 6.37547 4.76563 6.85818L6.44939 8.43145C6.55272 8.52799 6.72024 8.52799 6.82356 8.43145L12.249 3.36204C12.7656 2.87932 13.6032 2.87932 14.1199 3.36204C14.6365 3.84475 14.6365 4.62739 14.1199 5.11011L6.82356 11.9276C6.72024 12.0241 6.55272 12.0241 6.4494 11.9276L2.89479 8.60626Z"
          fill="white"
        />
        <rect
          x="1.00732"
          y="0.5"
          width="15"
          height="15"
          rx="1.5"
          stroke="var(--clr-primary)"
        />
      </>
    ),
    viewbox: "0 0 17 16",
  },
  clear: {
    path: (
      <>
        <circle
          cx="12"
          cy="12"
          r="12"
          fill="var(--clr-secondary)"
          fillOpacity="0.74"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M11.3502 12L8 15.3502L8.64976 16L12 12.6498L15.3502 16L16 15.3502L12.6498 12L16 8.64976L15.3502 8L12 11.3502L8.64976 8L8 8.64976L11.3502 12Z"
          fill="#9292B1"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  check: {
    path: (
      <>
        <path
          d="M5.53296 8.46637L2.59918 5.53363L1.13281 7L5.53296 11.4001L12.8648 4.06726L11.3995 2.59985L5.53296 8.46637Z"
          fill="url(#paint0_linear_32_18432)"
        />
        <defs>
          <linearGradient
            id="paint0_linear_32_18432"
            x1="0.929954"
            y1="13.4218"
            x2="13.3086"
            y2="13.1998"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="var(--clr-primary-variant)" />
            <stop offset="1" stopColor="var(--clr-primary)" />
          </linearGradient>
        </defs>
      </>
    ),
    viewbox: "0 0 14 14",
  },
  calendar: {
    path: (
      <>
        <path
          d="M13.5714 0.714355C13.9659 0.714355 14.2857 1.03415 14.2857 1.42864L14.2862 2.25708C14.8861 2.35253 15.2745 2.5067 15.6646 2.71535C16.363 3.08887 16.9112 3.63699 17.2847 4.3354C17.624 4.96992 17.8193 5.59976 17.8521 7.14226L17.8571 7.14293V12.3632L17.8533 12.7989C17.8242 14.3844 17.6283 15.0222 17.2847 15.6647C16.9112 16.3632 16.363 16.9113 15.6646 17.2848C14.9662 17.6583 14.2735 17.8572 12.3631 17.8572H7.63686L7.20112 17.8534C5.61559 17.8243 4.97784 17.6284 4.3353 17.2848C3.63688 16.9113 3.08876 16.3632 2.71525 15.6647C2.35667 14.9943 2.15901 14.329 2.14378 12.5867L2.14282 7.63697V7.14293C2.18068 5.59976 2.37591 4.96992 2.71525 4.3354C3.08876 3.63699 3.63688 3.08887 4.3353 2.71535C4.72561 2.50661 5.11416 2.3524 5.71447 2.25697L5.71425 1.42864C5.71425 1.03415 6.03405 0.714355 6.42854 0.714355C6.82303 0.714355 7.14282 1.03415 7.14282 1.42864L7.14216 2.1479C7.29749 2.14459 7.46208 2.14293 7.63686 2.14293H12.3631C12.5381 2.14293 12.703 2.1446 12.8585 2.14792L12.8571 1.42864C12.8571 1.03415 13.1769 0.714355 13.5714 0.714355ZM16.4278 8.5715H3.57139L3.57205 12.5653L3.57837 12.9716C3.60614 14.0482 3.7199 14.5141 3.97498 14.991C4.21536 15.4405 4.55955 15.7847 5.00901 16.0251C5.54209 16.3102 6.06135 16.4187 7.43476 16.428H12.5652L12.9715 16.4217C14.048 16.3939 14.514 16.2801 14.9909 16.0251C15.4404 15.7847 15.7846 15.4405 16.0249 14.991C16.31 14.4579 16.4186 13.9387 16.4279 12.5653L16.4278 8.5715ZM13.6043 12.1429C13.9134 12.1429 14.1568 12.2009 14.3605 12.3099C14.5642 12.4188 14.7241 12.5787 14.833 12.7824C14.9419 12.9861 15 13.2295 15 13.5386V13.6044C15 13.9135 14.9419 14.1569 14.833 14.3606C14.7241 14.5643 14.5642 14.7242 14.3605 14.8331C14.1568 14.9421 13.9134 15.0001 13.6043 15.0001H13.5385C13.2294 15.0001 12.986 14.9421 12.7823 14.8331C12.5786 14.7242 12.4187 14.5643 12.3098 14.3606C12.2008 14.1569 12.1428 13.9135 12.1428 13.6044V13.5386C12.1428 13.2295 12.2008 12.9861 12.3098 12.7824C12.4187 12.5787 12.5786 12.4188 12.7823 12.3099C12.986 12.2009 13.2294 12.1429 13.5385 12.1429H13.6043ZM12.5652 3.57216H7.43476L7.14282 3.57578V4.28578C7.14282 4.68027 6.82303 5.00007 6.42854 5.00007C6.03405 5.00007 5.71425 4.68027 5.71425 4.28578L5.71372 3.70901C5.44179 3.7718 5.22655 3.85874 5.00901 3.97509C4.55955 4.21546 4.21536 4.55966 3.97498 5.00911C3.71111 5.50251 3.59847 5.98407 3.57581 7.14196L16.4235 7.14293L16.4216 7.02854C16.3938 5.95199 16.28 5.48608 16.0249 5.00911C15.7846 4.55966 15.4404 4.21546 14.9909 3.97509C14.7734 3.85877 14.5582 3.77184 14.2864 3.70905L14.2857 4.28578C14.2857 4.68027 13.9659 5.00007 13.5714 5.00007C13.1769 5.00007 12.8571 4.68027 12.8571 4.28578L12.8588 3.57593C12.7654 3.5741 12.6677 3.57285 12.5652 3.57216Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 20 20",
  },
  time: {
    path: (
      <>
        <path
          d="M10 1.875C14.4862 1.875 18.125 5.5125 18.125 10C18.125 14.4875 14.4862 18.125 10 18.125C5.5125 18.125 1.875 14.4875 1.875 10C1.875 5.5125 5.5125 1.875 10 1.875ZM10 3.75C6.54803 3.75 3.75 6.54803 3.75 10C3.75 13.452 6.54803 16.25 10 16.25C13.4512 16.25 16.25 13.4515 16.25 10C16.25 6.54851 13.4512 3.75 10 3.75ZM9.46281 5.85C9.98058 5.85 10.4003 6.26973 10.4003 6.7875V9.79886L13.3709 10.8045C13.8614 10.9705 14.1243 11.5027 13.9583 11.9931C13.7923 12.4835 13.2601 12.7465 12.7697 12.5805L9.1622 11.3592C8.7815 11.2304 8.52531 10.8732 8.52531 10.4713V6.7875C8.52531 6.26973 8.94505 5.85 9.46281 5.85Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 20 20",
  },
  eye: {
    path: (
      <>
        <path
          d="M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M7.9999 13.5133C10.3532 13.5133 12.5466 12.1266 14.0732 9.72665C14.6732 8.78665 14.6732 7.20665 14.0732 6.26665C12.5466 3.86665 10.3532 2.47998 7.9999 2.47998C5.64656 2.47998 3.45323 3.86665 1.92656 6.26665C1.32656 7.20665 1.32656 8.78665 1.92656 9.72665C3.45323 12.1266 5.64656 13.5133 7.9999 13.5133Z"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 16 16",
  },
  eyeStroke: {
    path: (
      <>
        <g>
          <path
            d="M9.68661 6.31333L6.31328 9.68666C5.87995 9.25333 5.61328 8.65999 5.61328 7.99999C5.61328 6.67999 6.67995 5.61333 7.99995 5.61333C8.65995 5.61333 9.25328 5.87999 9.68661 6.31333Z"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M11.8799 3.84633C10.7132 2.96633 9.3799 2.48633 7.9999 2.48633C5.64656 2.48633 3.45323 3.87299 1.92656 6.273C1.32656 7.213 1.32656 8.793 1.92656 9.733C2.45323 10.5597 3.06656 11.273 3.73323 11.8463"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.61328 13.02C6.37328 13.34 7.17995 13.5133 7.99995 13.5133C10.3533 13.5133 12.5466 12.1267 14.0733 9.72667C14.6733 8.78667 14.6733 7.20667 14.0733 6.26667C13.8533 5.92 13.6133 5.59333 13.3666 5.28667"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.3409 8.4668C10.1676 9.4068 9.40094 10.1735 8.46094 10.3468"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M6.31203 9.68652L1.33203 14.6665"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M14.6675 1.33301L9.6875 6.31301"
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  search: {
    path: (
      <>
        <path
          d="M6.79795 10.5875C9.44778 10.5875 11.5959 8.4413 11.5959 5.79377C11.5959 3.14624 9.44778 1 6.79795 1C4.14811 1 2 3.14624 2 5.79377C2 8.4413 4.14811 10.5875 6.79795 10.5875Z"
          stroke="currentColor"
          strokeWidth="1.2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M11.9896 11.1015L10.9795 10.0923"
          stroke="currentColor"
          strokeWidth="1.2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 13 13",
  },
  fire: {
    path: (
      <>
        <path
          d="M14.4223 6.24274C10.8524 4.07083 12.5265 1.00532 12.5983 0.877898C12.7025 0.69657 12.7022 0.473484 12.5974 0.292469C12.4927 0.111453 12.2994 7.62939e-06 12.0903 7.62939e-06C10.2527 7.62939e-06 8.81368 0.522117 7.81333 1.55188C6.10399 3.31145 6.18329 6.05001 6.21712 7.21946C6.22087 7.34899 6.22411 7.46095 6.22411 7.54407C6.22411 8.41235 6.36341 9.21395 6.48634 9.92118C6.56556 10.3769 6.63396 10.7705 6.6461 11.08C6.65911 11.4112 6.59864 11.4872 6.59606 11.4902C6.58743 11.5004 6.51556 11.5387 6.32122 11.5387C6.09958 11.5387 5.93618 11.4663 5.79142 11.304C5.22595 10.6699 5.18685 8.93856 5.29497 7.99665C5.31431 7.83055 5.26177 7.66415 5.15056 7.5393C5.03938 7.41446 4.88017 7.34305 4.71298 7.34305C3.19169 7.34305 2.05493 9.83087 2.05493 12.0552C2.05493 13.1009 2.26524 14.1252 2.68005 15.0998C3.08106 16.0419 3.6529 16.8922 4.37974 17.627C5.89349 19.1572 7.88931 20 9.99962 20C12.1184 20 14.1137 19.1691 15.618 17.6606C17.1184 16.1559 17.9447 14.1651 17.9447 12.0552C17.9447 9.3629 15.8382 7.10411 14.4223 6.24274ZM9.99962 18.8281C6.32841 18.8281 3.22685 15.7265 3.22685 12.0552C3.22685 11.1623 3.43989 10.2251 3.81134 9.48388C3.8981 9.31071 3.98712 9.16216 4.07497 9.037C4.08478 10.0037 4.2379 11.3215 4.91583 12.0828C5.28153 12.4934 5.76751 12.7105 6.32126 12.7105C6.83856 12.7105 7.23278 12.5537 7.49286 12.2445C7.97911 11.6665 7.82985 10.8077 7.64095 9.72048C7.52614 9.05993 7.39603 8.31122 7.39603 7.54403C7.39603 7.44391 7.39255 7.32419 7.38856 7.18548C7.35649 6.07774 7.28974 3.7727 8.65392 2.36845C9.2663 1.73802 10.1213 1.35434 11.2029 1.22305C11.0808 1.62852 10.9756 2.14325 10.9715 2.71958C10.9625 3.98942 11.4482 5.80509 13.8132 7.24391C14.9575 7.94005 16.7728 9.8618 16.7728 12.0552C16.7728 15.7898 13.7343 18.8281 9.99962 18.8281Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 20 20",
  },
  note: {
    path: (
      <>
        <path
          d="M6.66675 1.66667V4.16667"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M13.3333 1.66667V4.16667"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M17.5 7.08333V14.1667C17.5 16.6667 16.25 18.3333 13.3333 18.3333H6.66667C3.75 18.3333 2.5 16.6667 2.5 14.1667V7.08333C2.5 4.58333 3.75 2.91667 6.66667 2.91667H13.3333C16.25 2.91667 17.5 4.58333 17.5 7.08333Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M6.66675 9.16667H13.3334"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M6.66675 13.3333H10.0001"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 20 20",
  },
  date: {
    path: (
      <>
        <g opacity="0.5">
          <path
            d="M5.33301 1.33337V3.33337"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.667 1.33337V3.33337"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M2.33301 6.06006H13.6663"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M14 5.66671V11.3334C14 13.3334 13 14.6667 10.6667 14.6667H5.33333C3 14.6667 2 13.3334 2 11.3334V5.66671C2 3.66671 3 2.33337 5.33333 2.33337H10.6667C13 2.33337 14 3.66671 14 5.66671Z"
            stroke="currentColor"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.4635 9.13338H10.4694"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.4635 11.1334H10.4694"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.99666 9.13338H8.00265"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.99666 11.1334H8.00265"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.52987 9.13338H5.53585"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.52987 11.1334H5.53585"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 16 16",
  },
  success: {
    path: (
      <>
        <path
          d="M9.00001 16.2002L5.50001 12.7002C5.11341 12.3136 4.48661 12.3136 4.10001 12.7002C3.71341 13.0868 3.71341 13.7136 4.10001 14.1002L8.2929 18.2931C8.68343 18.6836 9.31659 18.6836 9.70712 18.2931L20.3 7.7002C20.6866 7.3136 20.6866 6.6868 20.3 6.3002C19.9134 5.9136 19.2866 5.9136 18.9 6.3002L9.00001 16.2002Z"
          fill="#F37032"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  sort: {
    path: (
      <>
        <path
          d="M0.308757 4.62044H5.86319C5.91943 4.62027 5.97455 4.60476 6.02263 4.57558C6.07071 4.54641 6.10992 4.50467 6.13604 4.45487C6.16216 4.40507 6.17421 4.34909 6.17088 4.29295C6.16755 4.23681 6.14898 4.18265 6.11715 4.13628L3.33994 0.124743C3.22484 -0.0415811 2.94773 -0.0415811 2.83232 0.124743L0.0551042 4.13628C0.0229579 4.18255 0.00410654 4.23675 0.000598313 4.29298C-0.00290992 4.34921 0.00905917 4.40533 0.0352052 4.45523C0.0613511 4.50514 0.100674 4.54693 0.148901 4.57605C0.197129 4.60518 0.252416 4.62053 0.308757 4.62044Z"
          fill="currentColor"
        />
        <path
          d="M2.83149 11.8618C2.8598 11.9029 2.89767 11.9366 2.94186 11.9598C2.98605 11.983 3.03522 11.9951 3.08514 11.9951C3.13506 11.9951 3.18423 11.983 3.22842 11.9598C3.2726 11.9366 3.31048 11.9029 3.33879 11.8618L6.11601 7.85028C6.14816 7.80401 6.16701 7.74982 6.17052 7.69359C6.17402 7.63735 6.16205 7.58124 6.13591 7.53133C6.10976 7.48142 6.07044 7.43964 6.02221 7.41051C5.97399 7.38138 5.9187 7.36603 5.86236 7.36612H0.30792C0.25171 7.36635 0.196627 7.3819 0.148594 7.4111C0.100561 7.4403 0.0613964 7.48203 0.0353109 7.53183C0.00922536 7.58162 -0.00279362 7.63758 0.000546432 7.69369C0.00388649 7.7498 0.0224592 7.80394 0.0542673 7.85028L2.83149 11.8618Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 7 12",
  },
  drag: {
    path: (
      <>
        <line
          x1="0.75"
          y1="1.25"
          x2="13.25"
          y2="1.25"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
        />
        <line
          x1="0.75"
          y1="7.25"
          x2="13.25"
          y2="7.25"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
        />
      </>
    ),
    viewbox: "0 0 14 8",
  },
  filter: {
    path: (
      <>
        <path
          d="M10.8149 7.375C10.8149 7.82 10.6949 8.24001 10.4749 8.60001C10.0649 9.28501 9.30994 9.75 8.43994 9.75C7.96994 9.75 7.52994 9.61001 7.15994 9.36501C6.84994 9.17501 6.59494 8.91001 6.40994 8.60001C6.18994 8.24001 6.06494 7.82 6.06494 7.375C6.06494 6.065 7.12994 5 8.43994 5C8.61994 5 8.79493 5.02 8.95993 5.06C10.0249 5.295 10.8149 6.245 10.8149 7.375Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M7.51514 7.37505L8.10013 7.96005L9.36511 6.79004"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M10.3453 2.00951V3.11951C10.3453 3.52451 10.0903 4.02952 9.84027 4.28452L8.96027 5.05951C8.79527 5.01951 8.62028 4.99951 8.44028 4.99951C7.13028 4.99951 6.06528 6.06451 6.06528 7.37451C6.06528 7.81951 6.19028 8.23952 6.41028 8.59952C6.59528 8.90952 6.85028 9.17452 7.16028 9.36452V9.53452C7.16028 9.83952 6.96026 10.2445 6.70526 10.3945L6.00028 10.8495C5.34528 11.2545 4.43527 10.7995 4.43527 9.98952V7.31451C4.43527 6.95951 4.23027 6.50452 4.03027 6.25452L2.11026 4.23451C1.86026 3.97951 1.65527 3.52452 1.65527 3.22452V2.05951C1.65527 1.45451 2.11028 0.999512 2.66528 0.999512H9.33527C9.89027 0.999512 10.3453 1.45451 10.3453 2.00951Z"
          stroke="currentColor"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 12 12",
  },
  tip: {
    path: (
      <>
        <path
          d="M10 1.5C14.692 1.5 18.5 5.308 18.5 10C18.5 14.692 14.692 18.5 10 18.5C5.308 18.5 1.5 14.692 1.5 10C1.5 5.308 5.308 1.5 10 1.5ZM10 9C9.50294 9 9.1 9.40294 9.1 9.9V13.6C9.1 14.0971 9.50294 14.5 10 14.5C10.4971 14.5 10.9 14.0971 10.9 13.6V9.9C10.9 9.40294 10.4971 9 10 9ZM10 5.5C9.44772 5.5 9 5.94772 9 6.5C9 7.05228 9.44772 7.5 10 7.5C10.5523 7.5 11 7.05228 11 6.5C11 5.94772 10.5523 5.5 10 5.5Z"
          fill="#0D83D8"
        />
      </>
    ),
    viewbox: "0 0 20 20",
  },
  settingsBig: {
    path: (
      <>
        <path
          d="M30.5004 38.125C34.7115 38.125 38.1254 34.7112 38.1254 30.5C38.1254 26.2888 34.7115 22.875 30.5004 22.875C26.2892 22.875 22.8754 26.2888 22.8754 30.5C22.8754 34.7112 26.2892 38.125 30.5004 38.125Z"
          stroke="#0052FF"
          strokeOpacity="0.5"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M5.08337 32.7367V28.2634C5.08337 25.6201 7.24379 23.4342 9.91254 23.4342C14.513 23.4342 16.3938 20.1809 14.0809 16.1905C12.7592 13.903 13.5471 10.9292 15.86 9.60756L20.2571 7.09131C22.265 5.89673 24.8575 6.6084 26.0521 8.61631L26.3317 9.09923C28.6192 13.0896 32.3809 13.0896 34.6938 9.09923L34.9734 8.61631C36.168 6.6084 38.7605 5.89673 40.7684 7.09131L45.1655 9.60756C47.4784 10.9292 48.2663 13.903 46.9446 16.1905C44.6317 20.1809 46.5125 23.4342 51.113 23.4342C53.7563 23.4342 55.9421 25.5946 55.9421 28.2634V32.7367C55.9421 35.3801 53.7817 37.5659 51.113 37.5659C46.5125 37.5659 44.6317 40.8192 46.9446 44.8096C48.2663 47.1226 47.4784 50.0709 45.1655 51.3926L40.7684 53.9088C38.7605 55.1034 36.168 54.3917 34.9734 52.3838L34.6938 51.9009C32.4063 47.9105 28.6446 47.9105 26.3317 51.9009L26.0521 52.3838C24.8575 54.3917 22.265 55.1034 20.2571 53.9088L15.86 51.3926C13.5471 50.0709 12.7592 47.0971 14.0809 44.8096C16.3938 40.8192 14.513 37.5659 9.91254 37.5659C7.24379 37.5659 5.08337 35.3801 5.08337 32.7367Z"
          stroke="#0052FF"
          strokeOpacity="0.5"
          strokeMiterlimit="10"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 61 61",
  },
  curvedArrow: {
    path: (
      <>
        <path d="m 0,7 l 5,-3 0,2 c 8,0 8,0 8,-6 l 2,0 c 0,8 0,8 -10,8 l 0,2 z" />
      </>
    ),
    viewbox: "0 0 15 10",
  },
  user: {
    path: (
      <>
        <g>
          <path
            d="M18.1404 21.62C17.2604 21.88 16.2204 22 15.0004 22H9.00035C7.78035 22 6.74035 21.88 5.86035 21.62C6.08035 19.02 8.75035 16.97 12.0004 16.97C15.2504 16.97 17.9204 19.02 18.1404 21.62Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M15 2H9C4 2 2 4 2 9V15C2 18.78 3.14 20.85 5.86 21.62C6.08 19.02 8.75 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62C20.86 20.85 22 18.78 22 15V9C22 4 20 2 15 2ZM12 14.17C10.02 14.17 8.42 12.56 8.42 10.58C8.42 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58C15.58 12.56 13.98 14.17 12 14.17Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M15.5799 10.58C15.5799 12.56 13.9799 14.17 11.9999 14.17C10.0199 14.17 8.41992 12.56 8.41992 10.58C8.41992 8.60002 10.0199 7 11.9999 7C13.9799 7 15.5799 8.60002 15.5799 10.58Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  book: {
    path: (
      <>
        <g>
          <path
            d="M22 16.74V4.67C22 3.47 21.02 2.58 19.83 2.68H19.77C17.67 2.86 14.48 3.93 12.7 5.05L12.53 5.16C12.24 5.34 11.76 5.34 11.47 5.16L11.22 5.01C9.44 3.9 6.26 2.84 4.16 2.67C2.97 2.57 2 3.47 2 4.66V16.74C2 17.7 2.78 18.6 3.74 18.72L4.03 18.76C6.2 19.05 9.55 20.15 11.47 21.2L11.51 21.22C11.78 21.37 12.21 21.37 12.47 21.22C14.39 20.16 17.75 19.05 19.93 18.76L20.26 18.72C21.22 18.6 22 17.7 22 16.74Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12 5.49V20.49"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.75 8.49H5.5"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.5 11.49H5.5"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  grid: {
    path: (
      <>
        <g>
          <path
            d="M22 11V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H10"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M2.03027 8.5H22.0002"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M2.03027 15.5H12.0002"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.50977 21.99V2.01001"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M15.5098 11.99V2.01001"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M18.7304 14.6701L14.5804 18.82C14.4204 18.98 14.2704 19.29 14.2304 19.51L14.0004 21.1C13.9204 21.67 14.3204 22.08 14.8904 21.99L16.4804 21.76C16.7004 21.73 17.0104 21.5701 17.1704 21.4101L21.3204 17.26C22.0304 16.55 22.3704 15.7101 21.3204 14.6601C20.2804 13.6201 19.4504 13.9501 18.7304 14.6701Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M18.1406 15.26C18.4906 16.52 19.4806 17.5 20.7406 17.86"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  fireNav: {
    path: (
      <>
        <g>
          <path
            d="M17.3066 7.49128C13.0228 4.88498 15.0316 1.20638 15.1179 1.05347C15.2429 0.835875 15.2425 0.568172 15.1168 0.350953C14.9911 0.133734 14.7592 0 14.5082 0C12.3031 0 10.5763 0.626531 9.3759 1.86225C7.3247 3.97373 7.41985 7.26 7.46044 8.66334C7.46494 8.81878 7.46884 8.95312 7.46884 9.05288C7.46884 10.0948 7.63599 11.0567 7.78351 11.9054C7.87857 12.4523 7.96065 12.9246 7.97523 13.296C7.99084 13.6935 7.91827 13.7846 7.91518 13.7882C7.90482 13.8005 7.81857 13.8464 7.58537 13.8464C7.3194 13.8464 7.12332 13.7595 6.9496 13.5647C6.27104 12.8039 6.22412 10.7263 6.35387 9.59597C6.37707 9.39666 6.31402 9.19697 6.18057 9.04716C6.04716 8.89734 5.8561 8.81166 5.65548 8.81166C3.82993 8.81166 2.46582 11.797 2.46582 14.4663C2.46582 15.7211 2.7182 16.9503 3.21596 18.1197C3.69718 19.2502 4.38338 20.2706 5.25559 21.1523C7.07209 22.9887 9.46707 24 11.9994 24C14.542 24 16.9364 23.003 18.7415 21.1927C20.542 19.387 21.5335 16.9981 21.5335 14.4662C21.5335 11.2355 19.0057 8.52492 17.3066 7.49128ZM11.9994 22.5938C7.59399 22.5938 3.87212 18.8718 3.87212 14.4662C3.87212 13.3948 4.12777 12.2701 4.57351 11.3806C4.67762 11.1728 4.78445 10.9946 4.88987 10.8444C4.90163 12.0044 5.08538 13.5857 5.8989 14.4993C6.33774 14.9921 6.92091 15.2526 7.58541 15.2526C8.20618 15.2526 8.67924 15.0645 8.99134 14.6934C9.57484 13.9997 9.39573 12.9692 9.16904 11.6646C9.03127 10.8719 8.87513 9.97345 8.87513 9.05283C8.87513 8.93269 8.87096 8.78902 8.86618 8.62256C8.82769 7.29328 8.74758 4.52723 10.3846 2.84212C11.1195 2.08561 12.1455 1.6252 13.4434 1.46766C13.2969 1.95422 13.1706 2.57189 13.1657 3.26348C13.1549 4.7873 13.7378 6.96609 16.5758 8.69269C17.9489 9.52805 20.1273 11.8342 20.1273 14.4662C20.1272 18.9478 16.4811 22.5938 11.9994 22.5938Z"
            fill="currentColor"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  key: {
    path: (
      <>
        <g>
          <path
            d="M10.4902 2.23L5.50016 4.11C4.35016 4.54 3.41016 5.9 3.41016 7.12V14.55C3.41016 15.73 4.19016 17.28 5.14016 17.99L9.44016 21.2C10.8502 22.26 13.1702 22.26 14.5802 21.2L18.8802 17.99C19.8302 17.28 20.6102 15.73 20.6102 14.55V7.12C20.6102 5.89 19.6702 4.53 18.5202 4.1L13.5302 2.23C12.6802 1.92 11.3202 1.92 10.4902 2.23Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12 12.5C13.1046 12.5 14 11.6046 14 10.5C14 9.39543 13.1046 8.5 12 8.5C10.8954 8.5 10 9.39543 10 10.5C10 11.6046 10.8954 12.5 12 12.5Z"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12 12.5V15.5"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeMiterlimit="10"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  location: {
    path: (
      <>
        <g>
          <path
            d="M9.25 11H14.75"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
          />
          <path
            d="M12 13.75V8.25"
            stroke="currentColor"
            strokeWidth="1.3"
            strokeLinecap="round"
          />
          <path
            d="M3.61971 8.49C5.58971 -0.169998 18.4197 -0.159997 20.3797 8.5C21.5297 13.58 18.3697 17.88 15.5997 20.54C13.5897 22.48 10.4097 22.48 8.38971 20.54C5.62971 17.88 2.46971 13.57 3.61971 8.49Z"
            stroke="currentColor"
            strokeWidth="1.3"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  userGuard: {
    path: (
      <>
        <g>
          <path
            d="M10.4901 2.23L5.50015 4.09999C4.35015 4.52999 3.41016 5.88998 3.41016 7.11998V14.55C3.41016 15.73 4.19017 17.28 5.14017 17.99L9.44016 21.2C10.8502 22.26 13.1701 22.26 14.5801 21.2L18.8802 17.99C19.8302 17.28 20.6101 15.73 20.6101 14.55V7.11998C20.6101 5.88998 19.6701 4.52999 18.5201 4.09999L13.5302 2.23C12.6802 1.92 11.3201 1.92 10.4901 2.23Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M11.9997 10.92C11.9597 10.92 11.9097 10.92 11.8697 10.92C10.9297 10.89 10.1797 10.11 10.1797 9.16C10.1797 8.19 10.9697 7.39999 11.9397 7.39999C12.9097 7.39999 13.6997 8.19 13.6997 9.16C13.6897 10.12 12.9397 10.89 11.9997 10.92Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10.01 13.72C9.05004 14.36 9.05004 15.41 10.01 16.05C11.1 16.78 12.89 16.78 13.98 16.05C14.94 15.41 14.94 14.36 13.98 13.72C12.9 12.99 11.11 12.99 10.01 13.72Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  favorite: {
    path: (
      <>
        <g>
          <path
            d="M22 13V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H13"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.33008 14.49L9.71008 11.4C10.0501 10.96 10.6801 10.88 11.1201 11.22L12.9501 12.66C13.3901 13 14.0201 12.92 14.3601 12.49L16.6701 9.50999"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M19.4802 15.82L19.7602 16.39C19.9002 16.67 20.2502 16.93 20.5602 16.99L20.9402 17.05C22.0802 17.24 22.3502 18.08 21.5302 18.91L21.1802 19.26C20.9502 19.5 20.8202 19.96 20.8902 20.28L20.9402 20.49C21.2502 21.87 20.5202 22.4 19.3202 21.68L19.0602 21.53C18.7502 21.35 18.2502 21.35 17.9402 21.53L17.6802 21.68C16.4702 22.41 15.7402 21.87 16.0602 20.49L16.1102 20.28C16.1802 19.96 16.0502 19.5 15.8202 19.26L15.4702 18.91C14.6502 18.08 14.9202 17.24 16.0602 17.05L16.4402 16.99C16.7402 16.94 17.1002 16.67 17.2402 16.39L17.5202 15.82C18.0602 14.73 18.9402 14.73 19.4802 15.82Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  people: {
    path: (
      <>
        <g>
          <path
            d="M18.0001 7.16C17.9401 7.15 17.8701 7.15 17.8101 7.16C16.4301 7.11 15.3301 5.98 15.3301 4.58C15.3301 3.15 16.4801 2 17.9101 2C19.3401 2 20.4901 3.16 20.4901 4.58C20.4801 5.98 19.3801 7.11 18.0001 7.16Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M16.9704 14.44C18.3404 14.67 19.8504 14.43 20.9104 13.72C22.3204 12.78 22.3204 11.24 20.9104 10.3C19.8404 9.59001 18.3104 9.35 16.9404 9.59"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M5.97047 7.16C6.03047 7.15 6.10047 7.15 6.16047 7.16C7.54047 7.11 8.64047 5.98 8.64047 4.58C8.64047 3.15 7.49047 2 6.06047 2C4.63047 2 3.48047 3.16 3.48047 4.58C3.49047 5.98 4.59047 7.11 5.97047 7.16Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.00043 14.44C5.63043 14.67 4.12043 14.43 3.06043 13.72C1.65043 12.78 1.65043 11.24 3.06043 10.3C4.13043 9.59001 5.66043 9.35 7.03043 9.59"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M12.0001 14.63C11.9401 14.62 11.8701 14.62 11.8101 14.63C10.4301 14.58 9.33008 13.45 9.33008 12.05C9.33008 10.62 10.4801 9.47 11.9101 9.47C13.3401 9.47 14.4901 10.63 14.4901 12.05C14.4801 13.45 13.3801 14.59 12.0001 14.63Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M9.08973 17.78C7.67973 18.72 7.67973 20.26 9.08973 21.2C10.6897 22.27 13.3097 22.27 14.9097 21.2C16.3197 20.26 16.3197 18.72 14.9097 17.78C13.3197 16.72 10.6897 16.72 9.08973 17.78Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  driver: {
    path: (
      <>
        <g>
          <path
            d="M19.3198 10H4.68977C3.20977 10 2.00977 8.79002 2.00977 7.32002V4.69002C2.00977 3.21002 3.21977 2.01001 4.68977 2.01001H19.3198C20.7998 2.01001 21.9998 3.22002 21.9998 4.69002V7.32002C21.9998 8.79002 20.7898 10 19.3198 10Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M19.3198 22H4.68977C3.20977 22 2.00977 20.79 2.00977 19.32V16.69C2.00977 15.21 3.21977 14.01 4.68977 14.01H19.3198C20.7998 14.01 21.9998 15.22 21.9998 16.69V19.32C21.9998 20.79 20.7898 22 19.3198 22Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M6 5V7"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10 5V7"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M6 17V19"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M10 17V19"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M14 6H18"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M14 18H18"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  updateNav: {
    path: (
      <>
        <g>
          <path
            d="M12 21C17.5228 21 22 16.5228 22 11C22 5.47715 17.5228 1 12 1C6.47715 1 2 5.47715 2 11C2 16.5228 6.47715 21 12 21Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M8.00977 13.51C8.18977 13.81 8.40976 14.09 8.65976 14.34C10.4998 16.18 13.4898 16.18 15.3398 14.34C16.0898 13.59 16.5198 12.64 16.6598 11.67"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.33984 10.33C7.47984 9.35001 7.90985 8.40997 8.65985 7.65997C10.4999 5.81997 13.4898 5.81997 15.3398 7.65997C15.5998 7.91997 15.8098 8.19999 15.9898 8.48999"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M7.82031 16.18V13.51H10.4903"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M16.1797 5.82001V8.48999H13.5098"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  info: {
    path: (
      <>
        <g>
          <path
            d="M15 22H9C4 22 2 20 2 15V9C2 4 4 2 9 2H15C20 2 22 4 22 9V15C22 20 20 22 15 22Z"
            stroke="currentColor"
            strokeWidth="1.5"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <path
            d="M13.2079 10.075L10.1839 10.454L10.0759 10.956L10.6709 11.064C11.0579 11.157 11.1349 11.296 11.0509 11.683L10.0759 16.26C9.82094 17.443 10.2159 18 11.1429 18C11.8629 18 12.6969 17.668 13.0759 17.211L13.1919 16.662C12.9289 16.894 12.5419 16.987 12.2869 16.987C11.9239 16.987 11.7929 16.732 11.8849 16.283L13.2079 10.075ZM13.2989 7.32C13.2989 7.67009 13.1599 8.00583 12.9123 8.25338C12.6648 8.50093 12.329 8.64 11.9789 8.64C11.6289 8.64 11.2931 8.50093 11.0456 8.25338C10.798 8.00583 10.6589 7.67009 10.6589 7.32C10.6589 6.96991 10.798 6.63417 11.0456 6.38662C11.2931 6.13907 11.6289 6 11.9789 6C12.329 6 12.6648 6.13907 12.9123 6.38662C13.1599 6.63417 13.2989 6.96991 13.2989 7.32Z"
            fill="currentColor"
          />
        </g>
      </>
    ),
    viewbox: "0 0 24 24",
  },
  home: {
    path: (
      <>
        <path
          d="M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  favoriteNav: {
    path: (
      <>
        <path
          d="M17 23C20.3137 23 23 20.3137 23 17V8.7C23 3.2 20.8 1 15.3 1H8.7C3.2 1 1 3.2 1 8.7V15.3C1 20.8 3.2 23 8.7 23H17Z"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M13.2303 8.62722L13.5818 9.34345C13.7576 9.69528 14.1969 10.022 14.586 10.0974L15.0631 10.1728C16.4941 10.4115 16.8331 11.467 15.8037 12.51L15.3643 12.9498C15.0756 13.2514 14.9125 13.8294 15.0003 14.2315L15.0631 14.4954C15.4522 16.2294 14.5358 16.8954 13.0295 15.9907L12.7031 15.8022C12.3139 15.576 11.6863 15.576 11.2971 15.8022L10.9707 15.9907C9.4518 16.908 8.53542 16.2294 8.93712 14.4954L8.99987 14.2315C9.08774 13.8294 8.92458 13.2514 8.63586 12.9498L8.19649 12.51C7.16713 11.467 7.50606 10.4115 8.93712 10.1728L9.41415 10.0974C9.79074 10.0346 10.2426 9.69528 10.4184 9.34345L10.7699 8.62722C11.4477 7.25756 12.5525 7.25756 13.2303 8.62722Z"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  controller: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M21 16.5H3C2.17157 16.5 1.5 17.1716 1.5 18V20C1.5 20.8284 2.17157 21.5 3 21.5H21C21.8284 21.5 22.5 20.8284 22.5 20V18C22.5 17.1716 21.8284 16.5 21 16.5ZM3 15C1.34315 15 0 16.3431 0 18V20C0 21.6569 1.34315 23 3 23H21C22.6569 23 24 21.6569 24 20V18C24 16.3431 22.6569 15 21 15H3Z"
          fill="currentColor"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M2.73807 4.40578C5.19308 1.58517 8.52555 0 12 0C15.4745 0 18.8065 1.5852 21.2619 4.40571C21.5797 4.77076 21.5793 5.36224 21.2611 5.72682C20.9429 6.09139 20.4273 6.09101 20.1096 5.72596C17.9596 3.25625 15.0421 1.86832 12 1.86832C8.95788 1.86832 6.04001 3.25628 3.8905 5.7259C3.57274 6.09098 3.05716 6.09142 2.73893 5.72688C2.42069 5.36234 2.42031 4.77086 2.73807 4.40578Z"
          fill="currentColor"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M5.73464 7.27437C7.39605 5.17796 9.64987 4 12 4C14.3499 4 16.6037 5.17798 18.2653 7.27432C18.5783 7.66916 18.5782 8.30925 18.2652 8.70399C17.9521 9.09874 17.4447 9.09866 17.1317 8.70382C15.7707 6.98665 13.9246 6.02186 12 6.02186C10.0751 6.02186 8.22913 6.98667 6.86832 8.70377C6.55539 9.09864 6.04792 9.09876 5.73486 8.70404C5.4218 8.30933 5.4217 7.66924 5.73464 7.27437Z"
          fill="currentColor"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M12 10.7284C11.1794 10.7284 10.3925 11.0948 9.81208 11.747C9.51182 12.0844 9.02512 12.0843 8.72501 11.7467C8.42489 11.4091 8.42501 10.8619 8.72528 10.5245C9.59396 9.54835 10.7717 9 12 9C13.2283 9 14.406 9.54836 15.2747 10.5245C15.575 10.8619 15.5751 11.4091 15.275 11.7467C14.9749 12.0843 14.4882 12.0844 14.1879 11.747C13.6075 11.0948 12.8206 10.7284 12 10.7284Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  rights: {
    path: (
      <>
        <path
          d="M12.1779 0.000190463C8.94962 0.000190463 6.31118 2.58205 6.31118 5.77496V9.06664H6.04444C4.72877 9.06664 3.64453 10.1509 3.64453 11.4667V21.6001C3.64453 22.9158 4.72882 24 6.04444 24H18.3111C19.6268 24 20.711 22.9157 20.711 21.6001V11.4667C20.711 10.1509 19.6268 9.06664 18.3111 9.06664H7.91111V5.77496C7.91111 3.45667 9.79302 1.6001 12.1779 1.6001C14.5455 1.6001 16.4447 3.5482 16.4447 5.86668C16.4415 6.08078 16.5245 6.28725 16.6749 6.43977C16.8252 6.5923 17.0304 6.67806 17.2445 6.67806C17.4588 6.67806 17.664 6.5923 17.8143 6.43977C17.9648 6.28725 18.0475 6.08077 18.0445 5.86668C18.0445 2.67358 15.4236 0 12.1779 0L12.1779 0.000190463ZM6.04452 10.6669H18.3112C18.7682 10.6669 19.1113 11.0099 19.1113 11.4669V21.6003C19.1113 22.0573 18.7683 22.4001 18.3112 22.4001H6.04452C5.58748 22.4001 5.24447 22.0573 5.24447 21.6003V11.4669C5.24447 11.0099 5.58747 10.6669 6.04452 10.6669ZM12.1779 12.8003C10.8618 12.8003 9.77795 13.8842 9.77795 15.2002C9.77795 16.2357 10.4508 17.1254 11.3779 17.4586V19.4669C11.3749 19.681 11.4578 19.8875 11.6081 20.0398C11.7584 20.1924 11.9638 20.2783 12.1779 20.2783C12.392 20.2783 12.5974 20.1924 12.7477 20.0398C12.898 19.8875 12.9809 19.681 12.9779 19.4669V17.4586C13.905 17.1254 14.5779 16.2357 14.5779 15.2002C14.5779 13.8841 13.494 12.8003 12.1779 12.8003H12.1779ZM12.1779 14.4002C12.6291 14.4002 12.9779 14.7489 12.9779 15.2002C12.9779 15.6515 12.6291 16.0003 12.1779 16.0003C11.7266 16.0003 11.3778 15.6515 11.3778 15.2002C11.3778 14.749 11.7266 14.4002 12.1779 14.4002Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  keysBig: {
    path: (
      <>
        <path
          d="M13.4436 51.7185C14.1692 52.3544 15.2059 52.4604 15.9056 51.7185L22.1774 45.3323C22.8771 44.5903 22.8512 43.5039 22.1515 42.7884L18.8342 39.4231L23.6028 34.5738C24.2766 33.8849 24.2507 32.7719 23.5769 32.0299L19.0675 27.4192C24.795 24.7428 28.0086 20.1056 28.0086 14.5938C28.0086 7.06818 22.0478 1 14.6617 1C7.27555 1 1.3407 7.04169 1.3407 14.5938C1.3407 20.1056 4.47656 25.0078 9.40068 27.1277V46.8427C9.40068 47.4787 9.5821 48.1941 10.1263 48.6711L13.4436 51.7185ZM14.6617 48.8036L12.3033 46.3922V25.0343C7.50877 23.8684 4.21738 19.6286 4.21738 14.5938C4.21738 8.71113 8.88234 3.94134 14.6617 3.94134C20.4669 3.94134 25.1059 8.68459 25.1059 14.5938C25.1059 19.5756 21.7886 23.8684 16.4499 25.2198V28.9561L20.7261 33.3284L16.2167 37.8861V40.907L19.3007 44.0339L14.6617 48.8036ZM14.6617 14.6998C16.6832 14.6998 18.3158 13.0304 18.3158 10.9635C18.3158 8.9231 16.6832 7.22719 14.6617 7.22719C12.6402 7.22719 11.0334 8.89662 11.0334 10.9635C11.0334 13.0304 12.6661 14.6998 14.6617 14.6998Z"
          fill="currentColor"
          stroke="#F6F8FF"
        />
        <path
          d="M49.048 51.7185C49.7736 52.3544 50.8103 52.4604 51.51 51.7185L57.7817 45.3323C58.4815 44.5903 58.4556 43.5039 57.7558 42.7884L54.4386 39.4231L59.2072 34.5738C59.881 33.8849 59.8551 32.7719 59.1813 32.0299L54.6718 27.4192C60.3993 24.7428 63.613 20.1056 63.613 14.5938C63.613 7.06818 57.6522 1 50.2661 1C42.8799 1 36.9451 7.04169 36.9451 14.5938C36.9451 20.1056 40.0809 25.0078 45.0051 27.1277V46.8427C45.0051 47.4787 45.1865 48.1941 45.7307 48.6711L49.048 51.7185ZM50.2661 48.8036L47.9077 46.3922V25.0343C43.1131 23.8684 39.8218 19.6286 39.8218 14.5938C39.8218 8.71113 44.4867 3.94134 50.2661 3.94134C56.0713 3.94134 60.7103 8.68459 60.7103 14.5938C60.7103 19.5756 57.393 23.8684 52.0543 25.2198V28.9561L56.3305 33.3284L51.821 37.8861V40.907L54.9051 44.0339L50.2661 48.8036ZM50.2661 14.6998C52.2875 14.6998 53.9202 13.0304 53.9202 10.9635C53.9202 8.9231 52.2875 7.22719 50.2661 7.22719C48.2446 7.22719 46.6377 8.89662 46.6377 10.9635C46.6377 13.0304 48.2705 14.6998 50.2661 14.6998Z"
          fill="currentColor"
          stroke="#F6F8FF"
        />
        <path
          d="M32.503 11.7865C25.884 11.7865 20.5887 17.2007 20.5887 23.9439C20.5887 29.0627 23.5974 33.5664 28.2668 35.3629V54.3372C28.2668 54.7802 28.4112 55.1494 28.7482 55.5185L31.8772 58.7178C32.166 59.0131 32.7678 59.1115 33.1528 58.7178L39.0738 52.6637C39.459 52.27 39.4349 51.7532 39.0738 51.384L35.3432 47.5941L40.4458 42.4013C40.7828 42.0322 40.7828 41.5154 40.3977 41.1216L35.3191 35.9043C41.1679 33.5664 44.4172 29.1857 44.4172 23.9439C44.4172 17.2253 39.098 11.7865 32.503 11.7865ZM32.503 23.5008C30.6737 23.5008 29.1815 21.975 29.1815 20.1047C29.1815 18.2097 30.6497 16.7085 32.503 16.7085C34.3322 16.7085 35.8245 18.2343 35.8245 20.1047C35.8245 21.975 34.3322 23.5008 32.503 23.5008Z"
          fill="#F6F8FF"
        />
        <path
          d="M31.2458 60.4825C31.9714 61.1185 33.0081 61.2245 33.7078 60.4825L39.9795 54.0963C40.6793 53.3544 40.6534 52.2679 39.9536 51.5525L36.6363 48.1871L41.4049 43.3378C42.0787 42.6489 42.0528 41.5359 41.379 40.794L36.8696 36.1832C42.5971 33.5069 45.8107 28.8696 45.8107 23.3578C45.8107 15.8322 39.8499 9.76404 32.4638 9.76404C25.0777 9.76404 19.1428 15.8057 19.1428 23.3578C19.1428 28.8696 22.2787 33.7719 27.2028 35.8917V55.6068C27.2028 56.2427 27.3842 56.9582 27.9285 57.4352L31.2458 60.4825ZM32.4638 57.5677L30.1054 55.1563V33.7983C25.3109 32.6324 22.0195 28.3926 22.0195 23.3578C22.0195 17.4752 26.6845 12.7054 32.4638 12.7054C38.2691 12.7054 42.9081 17.4486 42.9081 23.3578C42.9081 28.3396 39.5908 32.6324 34.252 33.9838V37.7202L38.5282 42.0924L34.0188 46.6502V49.671L37.1028 52.7979L32.4638 57.5677ZM32.4638 23.4638C34.4853 23.4638 36.118 21.7945 36.118 19.7276C36.118 17.6871 34.4853 15.9912 32.4638 15.9912C30.4423 15.9912 28.8355 17.6607 28.8355 19.7276C28.8355 21.7945 30.4682 23.4638 32.4638 23.4638Z"
          fill="currentColor"
          stroke="#F6F8FF"
        />
      </>
    ),
    viewbox: "0 0 65 62",
  },
  parkingNav: {
    path: (
      <>
        <path
          d="M7.14765 13.2219C7.14765 13.8861 6.60889 14.4244 5.94476 14.4244C5.28062 14.4244 4.74234 13.8861 4.74234 13.2219C4.74234 12.5578 5.28064 12.019 5.94476 12.019C6.60888 12.019 7.14765 12.5578 7.14765 13.2219Z"
          fill="currentColor"
        />
        <path
          d="M18.6394 13.2219C18.6394 13.8861 18.1011 14.4244 17.4369 14.4244C16.7728 14.4244 16.234 13.8861 16.234 13.2219C16.234 12.5578 16.7728 12.019 17.4369 12.019C18.1011 12.019 18.6394 12.5578 18.6394 13.2219Z"
          fill="currentColor"
        />
        <path
          d="M19.7753 8.81272L18.7061 5.27157C18.3053 3.86823 17.0358 3 15.6324 3H7.68141C6.27807 3 5.07566 3.93538 4.60772 5.27157L3.53858 8.81272C2.06914 9.68145 1 11.2847 1 13.2226V15.8949C1 17.2311 2.06914 18.3002 3.40531 18.3002H3.53907V18.3669V20.1039C3.53907 20.5719 3.93989 20.9727 4.4078 20.9727C4.87573 20.9727 5.27653 20.5718 5.27653 20.1039V18.3669V18.3002H18.2385V18.3669V20.1039C18.2385 20.5719 18.6393 20.9727 19.1072 20.9727C19.5752 20.9727 19.976 20.5718 19.976 20.1039V18.3669V18.3002H20.1097C21.4459 18.3002 22.515 17.2311 22.515 15.8949V13.2226C22.3808 11.2847 21.3117 9.68143 19.775 8.81272H19.7753ZM5.54382 8.2115L6.2788 5.73949C6.47921 5.07116 7.08043 4.60371 7.74872 4.60371L15.6997 4.60324C16.3681 4.60324 16.9693 5.07117 17.1696 5.73903L17.9046 8.21104H6.07838L5.54382 8.2115ZM20.7107 15.8949C20.7107 16.2957 20.3765 16.6299 19.9757 16.6299H3.40574C3.00493 16.6299 2.67076 16.2957 2.67076 15.8949V13.2226C2.67076 11.3518 4.14067 9.88186 6.01147 9.88186H17.3698C19.1739 9.88186 20.7105 11.3518 20.7105 13.2226L20.7107 15.8949Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  dashboardNav: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M3.85256 3.11667H9.10897C9.5154 3.11667 9.84487 3.44614 9.84487 3.85256V9.10897C9.84487 9.5154 9.5154 9.84487 9.10897 9.84487H3.85256C3.44614 9.84487 3.11667 9.5154 3.11667 9.10897V3.85256C3.11667 3.44614 3.44614 3.11667 3.85256 3.11667ZM1.75 3.85256C1.75 2.69135 2.69135 1.75 3.85256 1.75H9.10897C10.2702 1.75 11.2115 2.69135 11.2115 3.85256V9.10897C11.2115 10.2702 10.2702 11.2115 9.10897 11.2115H3.85256C2.69135 11.2115 1.75 10.2702 1.75 9.10897V3.85256ZM20.8833 17.5192C20.8833 19.3772 19.3772 20.8833 17.5192 20.8833C15.6613 20.8833 14.1551 19.3772 14.1551 17.5192C14.1551 15.6613 15.6613 14.1551 17.5192 14.1551C19.3772 14.1551 20.8833 15.6613 20.8833 17.5192ZM22.25 17.5192C22.25 20.132 20.132 22.25 17.5192 22.25C14.9065 22.25 12.7885 20.132 12.7885 17.5192C12.7885 14.9065 14.9065 12.7885 17.5192 12.7885C20.132 12.7885 22.25 14.9065 22.25 17.5192ZM9.10897 14.1551H3.85256C3.44614 14.1551 3.11667 14.4846 3.11667 14.891V20.1474C3.11667 20.5539 3.44614 20.8833 3.85256 20.8833H9.10897C9.5154 20.8833 9.84487 20.5539 9.84487 20.1474V14.891C9.84487 14.4846 9.5154 14.1551 9.10897 14.1551ZM3.85256 12.7885C2.69135 12.7885 1.75 13.7298 1.75 14.891V20.1474C1.75 21.3087 2.69135 22.25 3.85256 22.25H9.10897C10.2702 22.25 11.2115 21.3087 11.2115 20.1474V14.891C11.2115 13.7298 10.2702 12.7885 9.10897 12.7885H3.85256ZM14.891 3.11667H20.1474C20.5539 3.11667 20.8833 3.44614 20.8833 3.85256V9.10897C20.8833 9.5154 20.5539 9.84487 20.1474 9.84487H14.891C14.4846 9.84487 14.1551 9.5154 14.1551 9.10897V3.85256C14.1551 3.44614 14.4846 3.11667 14.891 3.11667ZM12.7885 3.85256C12.7885 2.69135 13.7298 1.75 14.891 1.75H20.1474C21.3087 1.75 22.25 2.69135 22.25 3.85256V9.10897C22.25 10.2702 21.3087 11.2115 20.1474 11.2115H14.891C13.7298 11.2115 12.7885 10.2702 12.7885 9.10897V3.85256Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 24 24",
  },
  object: {
    path: (
      <>
        <path
          d="M7.16814 0.5L0 4.43031V12.5694L7.03357 16.5L14 12.5694V4.43031L7.16814 0.5ZM6.15862 12.8938L2.99525 11.0991V5.98165L6.09148 7.90871H6.15869L6.15862 12.8938ZM6.9664 6.93467H6.46164L4.04657 5.4225L7.19831 3.74713L9.96758 5.35858L6.9664 6.93467ZM11.0723 10.9491L7.35615 12.9491L7.35604 7.90859H7.49058L11.0722 6.00147L11.0723 10.9491Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 14 17",
  },
  folderOpen: {
    path: (
      <>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M0.00592753 9.5C0.00204755 9.46944 0 9.43812 0 9.40632V1.2119C0 0.818658 0.307573 0.5 0.687266 0.5H5.67167C6.09683 0.5 6.4803 0.733673 6.64366 1.09234C6.88648 1.62529 7.20537 2.32526 7.20537 2.32526H12.3754C12.541 2.32526 12.7 2.38542 12.8171 2.49238C12.9342 2.59942 13 2.74456 13 2.89603V4.80466L1.70605 4.87532C1.43877 4.87695 1.20684 5.04435 1.14283 5.28145L0.00592753 9.5Z"
          fill="currentColor"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M13.9933 6.18899C14.0187 6.01592 13.9712 5.83976 13.8631 5.70712C13.755 5.57449 13.5975 5.49891 13.4322 5.50001C11.2655 5.51632 4.42945 5.56765 2.62161 5.5812C2.36197 5.58319 2.1372 5.77256 2.07707 6.04006C1.84822 7.05822 1.29369 9.5256 1.01534 10.7645C0.975394 10.9422 1.0144 11.1295 1.12144 11.2729C1.22827 11.4163 1.39127 11.5 1.56383 11.5H12.731C13.009 11.5 13.2455 11.2854 13.2881 10.9944C13.4457 9.92089 13.814 7.41131 13.9934 6.18902L13.9933 6.18899Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 14 12",
  },
  folder: {
    path: (
      <>
        <path
          d="M12.7637 1.34942H7.88074L5.98011 0.102715C5.87189 0.0293617 5.74837 0 5.62473 0L1.23623 0.000102305C0.556289 0.000102305 0 0.528095 0 1.17345V9.82666C0 10.472 0.556289 11 1.23623 11H12.7638C13.4437 11 14 10.472 14 9.82666L13.9999 2.52276C13.9999 1.87741 13.4436 1.34942 12.7637 1.34942L12.7637 1.34942Z"
          fill="currentColor"
        />
      </>
    ),
    viewbox: "0 0 14 11",
  },
  chartBar: {
    path: (
      <>
        <path
          d="M0 8C0 7.73478 0.105357 7.48043 0.292893 7.29289C0.48043 7.10536 0.734784 7 1 7H3C3.26522 7 3.51957 7.10536 3.70711 7.29289C3.89464 7.48043 4 7.73478 4 8V13C4 13.2652 3.89464 13.5196 3.70711 13.7071C3.51957 13.8946 3.26522 14 3 14H1C0.734784 14 0.48043 13.8946 0.292893 13.7071C0.105357 13.5196 0 13.2652 0 13V8ZM6 4C6 3.73478 6.10536 3.48043 6.29289 3.29289C6.48043 3.10536 6.73478 3 7 3H9C9.26522 3 9.51957 3.10536 9.70711 3.29289C9.89464 3.48043 10 3.73478 10 4V13C10 13.2652 9.89464 13.5196 9.70711 13.7071C9.51957 13.8946 9.26522 14 9 14H7C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V4ZM12 1C12 0.734784 12.1054 0.48043 12.2929 0.292893C12.4804 0.105357 12.7348 0 13 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V13C16 13.2652 15.8946 13.5196 15.7071 13.7071C15.5196 13.8946 15.2652 14 15 14H13C12.7348 14 12.4804 13.8946 12.2929 13.7071C12.1054 13.5196 12 13.2652 12 13V1Z"
          fill="#currentColor"
        />
      </>
    ),
    viewbox: "0 0 16 14",
  },
};
export type IconsVariants = keyof typeof ICONS;

export interface PropsI {
  name: IconsVariants;
  width?: number | "auto";
  height?: number | "auto";
  opacity?: number;
  rotate?: number;
  color?: string;
  scaleX?: number;
  scaleY?: number;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
}

export const Icon: React.FC<PropsI> = ({
  name,
  width,
  height,
  opacity,
  rotate,
  color,
  scaleX,
  scaleY,
  onClick,
}) => {
  const size = ICONS[name].viewbox.split(" ");
  const transform = useMemo(() => {
    let res = "";
    if (rotate) res += `rotate(${rotate}deg) `;
    if (scaleX) res += `scaleX(${scaleX}) `;
    if (scaleY) res += `scaleY(${scaleY}) `;
    return res;
  }, [rotate, scaleX, scaleY]);

  const style = {
    transform,
    color: color || "",
  };
  return (
    <svg
      style={style}
      width={width || size[2]}
      height={height || size[3]}
      viewBox={ICONS[name].viewbox}
      fill={color || "none"}
      opacity={opacity}
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      {ICONS[name].path}
    </svg>
  );
};
